<template>
	<view class="flex flex-dir-col">
		<view class="entitle">{{ entitle }}</view>
		<view class="title-box">
			<view class="title-scss">{{ title }}</view>
			<view class="title-line"></view>
		</view>
	</view>
</template>

<script>
	export default {
		name:"w-title-color",			
		props:{
			entitle:{
				type:String,
				default:''
			},
			title:{
				type:String,
				default:''
			}
		},
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.entitle {
		font-family: OPPO Sans 4.0, OPPO Sans 40;
		font-weight: 500;
		font-size: 18rpx;
		color: #B0B0B0;		
	}
	.title-box {
		position: relative;
		.title-scss {
			font-family: OPPO Sans 4.0, OPPO Sans 40;
			font-weight: 600;
			font-size: 36rpx;
			color: #1E1E1E;
		}
		.title-line {
			width: 120rpx;
			height: 16rpx;
			background-color: rgba(1, 255, 169, 0.5);
			position: absolute;
			bottom: 0rpx;
		}
	}
</style>